<!DOCTYPE html>
<html lang="en">
<!-- 首页 -->
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>首页</title>
  <link rel="stylesheet" href="/css/bootstrap.min.css">
  <link rel="stylesheet/less" href="/css/reset.less">
  <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_4677206_69b6y8txmjy.css">
  <link rel="stylesheet/less" href="/css/common.less">
  <link rel="stylesheet/less" href="/css/index.less">
</head>

<body>
  <div id="index">
    <nav class="navbar navbar-inverse nav-bg">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <!-- logo -->
          <a class="navbar-brand logo" href="#"> <img src="/images/图层 2.png" alt=""></a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
            <li class="active"><a href="index.html">首页</a></li>
            <li><a href="LayaFamily.html">Laya家族</a></li>
            <li><a href="game.html">游戏</a></li>
            <li><a href="news.html">新闻动态</a></li>
            <li><a href="#">开发者中心</a></li>
            <li><a href="#">开发者社区</a></li>
            <li><a href="#">开放平台</a></li>
            <li><a href="about.html">关于我们</a></li>
          </ul>

          <ul class="nav navbar-nav navbar-right">
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                aria-expanded="false">Language <span class="caret"></span></a>
              <ul class="dropdown-menu menu-bg">
                <li><a href="#">中文简体</a></li>
                <li><a href="#">中文繁体</a></li>
                <li><a href="#">English</a></li>
              </ul>
            </li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </div>
    </nav>

    <div id="laya">
      <img src="/images/图层 3.png" alt="">
    </div>

    <div id="flash">
      <div class="item-box">
        <div class="left">
          <h3>LayaFlash 引擎</h3>
          <h5>让Flash技术变成开发HTML5产品的利器</h5>
          <div class="show-box">
            <div class="showItem">
              <div class="picture">
                <img src="/images/图层 5.png" alt="">
              </div>
              <div class="introduce">
                <div class="title">LayaAir</div>
                <div class="txt">
                  Flash页游\手游仅需1个人7天即可
                  转换为HTML5和APP游戏
                </div>
              </div>
            </div>
            <div class="showItem">
              <div class="picture">
                <img src="/images/图层 5.png" alt="">
              </div>
              <div class="introduce">
                <div class="title">LayaAir</div>
                <div class="txt">
                  Flash页游\手游仅需1个人7天即可
                  转换为HTML5和APP游戏
                </div>
              </div>
            </div>
            <div class="showItem">
              <div class="picture">
                <img src="/images/图层 5.png" alt="">
              </div>
              <div class="introduce">
                <div class="title">LayaAir</div>
                <div class="txt">
                  Flash页游\手游仅需1个人7天即可
                  转换为HTML5和APP游戏
                </div>
              </div>
            </div>
            <div class="showItem">
              <div class="picture">
                <img src="/images/图层 5.png" alt="">
              </div>
              <div class="introduce">
                <div class="title">LayaAir</div>
                <div class="txt">
                  Flash页游\手游仅需1个人7天即可
                  转换为HTML5和APP游戏
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="right">
          <img src="/images/图层 9.png" alt="">
        </div>
      </div>
    </div>

    <div id="advantage">
      <div class="advantage-box">
        <div class="left">
          <img src="/images/图层 10.png" alt="">
        </div>
        <div class="right">
          <h3>Laybox 优势</h3>
          <div class="list">
            <div class="item">
              <div class="icon"><i class="iconfont icon-match"></i></div>
              <div class="txt">快速上手，Flash程序员3小时掌握HTML5开发</div>
            </div>
            <div class="item">
              <div class="icon"><i class="iconfont icon-match"></i></div>
              <div class="txt">快速上手，Flash程序员3小时掌握HTML5开发</div>
            </div>
            <div class="item">
              <div class="icon"><i class="iconfont icon-match"></i></div>
              <div class="txt">快速上手，Flash程序员3小时掌握HTML5开发</div>
            </div>
            <div class="item">
              <div class="icon"><i class="iconfont icon-match"></i></div>
              <div class="txt">快速上手，Flash程序员3小时掌握HTML5开发</div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div id="family">
      <div class="family-box">
        <p>Layabox家族产品</p>
        <div class="show-box">
          <div class="showItem">
            <div class="picture">
              <!-- <img src="/images/图层 5.png" alt=""> -->
               <i class="iconfont icon-fan_fill"></i>
            </div>
            <div class="introduce">
              <div class="title">LayaAir</div>
              <div class="txt">
               核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，支持2D\3D，非运行 器模式下性能媲美APP。
              </div>
            </div>
          </div>
          <div class="showItem">
            <div class="picture">
              <!-- <img src="/images/图层 5.png" alt=""> -->
               <i class="iconfont icon-fan_fill"></i>
            </div>
            <div class="introduce">
              <div class="title">LayaAir</div>
              <div class="txt">
               核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，支持2D\3D，非运行 器模式下性能媲美APP。
              </div>
            </div>
          </div>
          <div class="showItem">
            <div class="picture">
              <!-- <img src="/images/图层 5.png" alt=""> -->
               <i class="iconfont icon-fan_fill"></i>
            </div>
            <div class="introduce">
              <div class="title">LayaAir</div>
              <div class="txt">
               核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，支持2D\3D，非运行 器模式下性能媲美APP。
              </div>
            </div>
          </div>
          <div class="showItem">
            <div class="picture">
              <!-- <img src="/images/图层 5.png" alt=""> -->
               <i class="iconfont icon-fan_fill"></i>
            </div>
            <div class="introduce">
              <div class="title">LayaAir</div>
              <div class="txt">
               核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，支持2D\3D，非运行 器模式下性能媲美APP。
              </div>
            </div>
          </div>
          <div class="showItem">
            <div class="picture">
              <!-- <img src="/images/图层 5.png" alt=""> -->
               <i class="iconfont icon-fan_fill"></i>
            </div>
            <div class="introduce">
              <div class="title">LayaAir</div>
              <div class="txt">
               核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，支持2D\3D，非运行 器模式下性能媲美APP。
              </div>
            </div>
          </div>
          <div class="showItem">
            <div class="picture">
              <!-- <img src="/images/图层 5.png" alt=""> -->
               <i class="iconfont icon-fan_fill"></i>
            </div>
            <div class="introduce">
              <div class="title">LayaAir</div>
              <div class="txt">
               核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，支持2D\3D，非运行 器模式下性能媲美APP。
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div id="game">
      <div class="game-box">
        <div class="top">
          <div class="title">采用Laybox引擎的精彩游戏</div>
          <div class="dropdown">
            <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">更多
            </button>
            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                <li role="presentation">
                    <a role="menuitem" tabindex="-1" href="#">类1</a>
                </li>
                <li role="presentation">
                    <a role="menuitem" tabindex="-1" href="#">类2</a>
                </li>
                <li role="presentation">
                    <a role="menuitem" tabindex="-1" href="#">类3</a>
                </li>
            </ul>
        </div>
        </div>
        <div class="bottom">
          <div class="left">
            <img src="/images/图层 24.png" alt="">
          </div>
          <div class="right">
            <div class="item">
              <div class="picture"><img src="/images/图层 30.png" alt=""></div>
              <div class="name">猎刃</div>
            </div>
            <div class="item">
              <div class="picture"><img src="/images/图层 30.png" alt=""></div>
              <div class="name">猎刃</div>
            </div>
            <div class="item">
              <div class="picture"><img src="/images/图层 30.png" alt=""></div>
              <div class="name">猎刃</div>
            </div>
            <div class="item">
              <div class="picture"><img src="/images/图层 30.png" alt=""></div>
              <div class="name">猎刃</div>
            </div>
            <div class="item">
              <div class="picture"><img src="/images/图层 30.png" alt=""></div>
              <div class="name">猎刃</div>
            </div>
            <div class="item">
              <div class="picture"><img src="/images/图层 30.png" alt=""></div>
              <div class="name">猎刃</div>
            </div>
            <div class="item">
              <div class="picture"><img src="/images/图层 30.png" alt=""></div>
              <div class="name">猎刃</div>
            </div>
            <div class="item">
              <div class="picture"><img src="/images/图层 30.png" alt=""></div>
              <div class="name">猎刃</div>
            </div>
            <div class="item">
              <div class="picture"><img src="/images/图层 30.png" alt=""></div>
              <div class="name">猎刃</div>
            </div>
            <div class="item">
              <div class="picture"><img src="/images/图层 30.png" alt=""></div>
              <div class="name">猎刃</div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div id="friends">
      <div class="friends-box">
        <div class="title">合作伙伴 <span>（排序不分先后）</span></div>
        <div class="list">
         <div class="item">
          <img src="/images/图层 37.png" alt="">
         </div>
         <div class="item">
          <img src="/images/图层 37.png" alt="">
         </div>
         <div class="item">
          <img src="/images/图层 37.png" alt="">
         </div>
         <div class="item">
          <img src="/images/图层 37.png" alt="">
         </div>
         <div class="item">
          <img src="/images/图层 37.png" alt="">
         </div>
         <div class="item">
          <img src="/images/图层 37.png" alt="">
         </div>
         <div class="item">
          <img src="/images/图层 37.png" alt="">
         </div>
         <div class="item">
          <img src="/images/图层 37.png" alt="">
         </div>
         <div class="item">
          <img src="/images/图层 37.png" alt="">
         </div>
         <div class="item">
          <img src="/images/图层 37.png" alt="">
         </div>
         <div class="item">
          <img src="/images/图层 37.png" alt="">
         </div>
         <div class="item">
          <img src="/images/图层 37.png" alt="">
         </div>
        </div>
      </div>
    </div>

    <div id="footer">
      <div class="footer-box">
        <div class="left">
          <div class="up">
            <p>公司简介</p>
            <p>联系方式</p>
            <p>人才招聘</p>
          </div>
          <div class="down">
            All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 
          </div>
        </div>
        <div class="right">
          <div class="icon"><i class="iconfont icon-pengyouquan-copy"></i></div>
          <div class="icon"><i class="iconfont icon-dingding"></i></div>
          <div class="icon"><i class="iconfont icon-wenjian"></i></div>
          <div class="code">
            <img src="/images/图层 53.png" alt="">
          </div>
        </div>
      </div>
    </div>

  </div> 
</body>

</html>
<script src="/js/jquery-3.7.1.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/less.min.js"></script>